<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>jQuery表单相关元素选择器</title>
    <meta charset="utf-8">
   
</head>
<body>
    <!--定义文本框-->
    文本01：<input type="text" id="text01" value="value01" /><br>
    文本02：<input type="text" id="text02" value="value02" disabled/><br>
    文本03：<input type="text" id="text03" value="value03"/><br>
    文本04：<input type="text" id="text04" value="value04" disabled/><br>
    <br>
    <!--定义复选框-->
    <input type="checkbox" name="interest" value="reading" checked/>读书
    <input type="checkbox" name="interest" value="food"/>美食
    <input type="checkbox" name="interest" value="travel" checked/>旅游
    <input type="checkbox" name="interest" value="music"/>音乐
    <input type="checkbox" name="interest" value="shopping" checked/>购物
    <br><br>
    <!--定义下拉列表-->
    <select id="city">
        <option value="bj" title="beijing" title="" selected>北京</option>
        <option value="sh" title="shanghai">上海</option>
        <option value="gz" title="guangzhou">广州</option>
        <option value="sz" title="shenzhen">深圳</option>
        <option value="hz" title="hangzhou">杭州</option>
    </select>
    <br><br>
    <!--定义测试按钮-->
    <button id="btn01">选择可用文本框并修改其值</button>
    <button id="btn02">选择不可用文本框并修改其值</button>
    <button id="btn03">选择复选框被选中的元素</button>
    <button id="btn04">选择下拉列表中被选中的元素</button>
</body>
</html>